{% extends "baseUser.html" %}

{% block navbar %}
	{{ super() }}
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
{% endblock %}

{% block userData %}

    <div class="row row-offcanvas row-offcanvas-right">

		<div class="panel panel-default">
		  <!-- Default panel contents -->
		  <div class="panel-heading">Mis compras</div>
		  <div class="panel-body">
			<p>Este es su saldo actual de las compras realizadas al día de la fecha. Luego de realizar el pago el envío se realizarán por Correo Argentino entre 2 a 5 días hábiles</p>
		  </div>

		  <!-- Table -->
		  <table class="table">
				<tr>
				<th>#</th>
				<th>Descripcion</th>
				<th>Precio</th>
				</tr>
				<tr>
				<td>1</td>
				<td>Remera termica hombre</td>
				<td>$250</td>
				</tr>
				<tr>
				<td>1</td>
				<td>Remera termica hombre</td>
				<td>$250</td>
				</tr>
				<tr>
				<th colspan="2">Total</th>
				<th>$500</th>
				</tr>
		  </table>
		</div>
		
		<div class="input-group">
		  <span class="input-group-addon">Nombre y Apellido del Titular</span>
		  <input type="text" class="form-control" placeholder="ej. Juan M. Perez">
		</div>
		<div class="input-group">
		  <span class="input-group-addon">Numero Tarjeta de credito</span>
		  <input type="text" class="form-control" placeholder="ej. 9999999999999">
		  <span class="input-group-addon">Código de seguridad</span>
		  <input type="text" class="form-control" placeholder="ej. 9999">
		        <span class="input-group-btn">
        <button class="btn btn-default" type="button">Pagar!</button>
      </span>
		</div>


    </div><!--/.container-->

{% block js_footer %}
	<script src="/static/fullcalendar-1.6.4/fullcalendar/fullcalendar.js"></script>
    <script src="/static/xcharts-0.3.0/xcharts.js"></script>
    <script src="/static/d3.v3/d3.v3.js"></script>
    <script src="/static/jquery-extra/jquery.placeholder.min.js"></script>
    <script src="/static/jquery-extra/jquery.autosize.min.js"></script>
    <script src="/static/jquery-extra/jquery.migrate-1.2.1.js"></script>
	<script src="/static/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
	
	<script src="/static/flot/jquery.flot.stack.js"></script>
	<script src="/static/flot/jquery.flot.js"></script>
	<script src="/static/flot/jquery.flot.pie.js"></script>
	<script src="/static/flot/jquery.flot.stack.js"></script>
	<script src="/static/flot/jquery.flot.resize.js"></script>
	<script src="/static/flot/jquery.flot.time.js"></script>
	
	<script src="/static/jquery-extra/jquery.sparkline.js"></script>
	<script src="/static/jquery-extra/core.min.js"></script>

    <script src="/static/demo/dashboard_data.js"></script>
    
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <script src="offcanvas.js"></script>
    
{% endblock %}

{% endblock %}
